<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=0,minimal-ui">
  <meta name="description" content=""/>
  <meta name="keywords" content=""/>
  <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
  <link rel="stylesheet" href="__TMPL__/public/assets/css/cisall.css">
</head>
<body>
<header></header>
<div class="">
  <div class="wildcard">
    <div class="cis-user-modal">
      <div class="wrapper">
        <div class="user-header">
          <i class="iconcis icon-write"></i>
          注册CISALL-System账号
          <i class="iconcis icon-close float-right"></i>
        </div>
        <?php if(!empty($error)){ ?>
        <div class="error" style="color: red;margin-top: 10px;margin-bottom: -20px;text-align: center;">
        	{$error}
        </div>
        <?php } ?>
        <div class="user-body">
          <form class="js-ajax-form" action="{:url('user/Register/doRegister')}" method="post">
            <div class="input-group mb-3">
              <div class="input-group-prepend">
                <span class="input-group-text"><i class="iconcis icon-user"></i></span>
              </div>
              <input type="text" class="form-control" name="user_login" placeholder="请输入用户名">
            </div>
            <div class="input-group mb-3">
              <div class="input-group-prepend">
                <span class="input-group-text"><i class="iconcis icon-user"></i></span>
              </div>
              <input type="password" class="form-control" name="password" placeholder="请输入密码">
            </div>
            <div class="input-group mb-3">
              <div class="input-group-prepend">
                <span class="input-group-text"><i class="iconcis icon-user"></i></span>
              </div>
              <input type="password" class="form-control" name="password1"  placeholder="请再次输入密码">
            </div>
            <div class="input-group mb-3">
              <div class="input-group-prepend">
                <span class="input-group-text"><i class="iconcis icon-user"></i></span>
                </div>
                <input type="text" class="form-control" name="username" placeholder="请输入常用邮箱">
            </div>
            <div class="input-group mb-3">
              <div class="input-group-prepend">
                <span class="input-group-text"><i class="iconcis icon-user"></i></span>
              </div>
              <input type="text" class="form-control" name="usermobile" placeholder="请输入手机号">
            </div>
            <div class="input-group mb-4">
              <div class="input-group-prepend">
                <span class="input-group-text"><i class="iconcis icon-user"></i></span>
              </div>
              <input type="text" name="captcha" placeholder="请输入验证码" class="form-control mr-2">
              <captcha class="mr-2"/>
              <span class="changecode" onclick="update_captcha()">看不清？</span>
            </div>
            <button type="submit" class="btn btn-danger btn-lg btn-block mb-3">立即注册</button>
            <p class="text-right white">已有账号？ | <a class="white" href="{:url('user/login/index')}">直接登录</a></p>
          </form>
        </div>
        <div class="user-footer">
          ©Copyright 2018. CISALL Team
        </div>
      </div>
    </div>
  </div>
</div>
<style>
.captcha.captcha-img.verify_img{
    width: 96px;
    height: 40px;
}
</style>
<script src="__TMPL__/public/assets/js/jquery-1.10.2.min.js"></script>
<script src="__TMPL__/public/assets/js/swiper.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script>
function update_captcha(){
	$('.captcha.captcha-img.verify_img').attr("src","/captcha/new.html?&time='+Math.random()");
}
</script>
</body>
</html>
